<script setup>
import {ref} from 'vue'

const msg = ref('hello')
const ali = ref('center')
const ad = ref('box')
</script>

<template>
  <h3>{{ msg }}</h3>
  <h3 v-bind:align="ali">{{ msg }}</h3>
  <h3 v-bind:align="'right'">{{ msg }}</h3>
  <!-- 此标签的align属性和vue关系 -->
  <h3 align="center">{{ msg }}</h3>

  <!-- :id="'ad'"  相当于 id="ad" -->
  <h3 :align="ali" :id="'ad'">{{ msg }}</h3>
  <h3 :align="ali" v-bind:id="ad">{{ msg }}</h3>
</template>

<style scoped>

</style>
